<template>
    <!-- 创建分段 首部分段 -->
    <div class="ui top attached segment" style="padding:1em 2em !important">
        <!-- 将十一分为两列 -->
        <div class="ui two column grid">
            <div class="column m-padding-tb-0-8em">
                <h3 class="ui teal header">{{title}}</h3>
            </div>
            <div class="column right aligned m-padding-tb-0-8em">
                共 <h3 class="ui orange header m-inline-block">{{count}}</h3> 篇
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Bar",
        props: ['title', 'count']
    }
</script>

<style scoped>
h3 {
    padding: 1px 0px !important;
}
</style>
